<template>
  <!-- 棚户改造 -->
  <section class="shanty-town-remake" id="shanty-town-remake">
    <div class="left-panel">
      <ShantyTownBuild />
      <EngineerBuildFork />
      <ResidentSituation />
      <PersonInOut />
    </div>
    <div class="right-panel">
      <BusinessJoin />
      <NewJoin />
      <StreetVideo />
    </div>
  </section>
</template>

<script>
import DivShell from '@src/components/divShell.vue'
import ShantyTownBuild from './shanty-town-build.vue'
import EngineerBuildFork from './engineer-build-fork.vue'
import ResidentSituation from './resident-situation.vue'
import PersonInOut from './person-in-out.vue'
import BusinessJoin from './business-join.vue'
import NewJoin from './new-join.vue'
import StreetVideo from './street-video.vue'

export default {
  name: "ShantyTownRemake",
  components:{
    DivShell,
    ShantyTownBuild,
    EngineerBuildFork,
    ResidentSituation,
    PersonInOut,
    BusinessJoin,
    NewJoin,
    StreetVideo
  },
  props: {
    title:{
      type: String,
      default:'丰图精准决策数字底板'
    }
  },
  data() {
    return {
      maxInfoNum:15483,
        
    };
  },
  mounted() {
     
  },
  methods: {
    
  },
  beforeDestroy() {
      
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
  .shanty-town-remake{
    & .left-panel{
      position: absolute;
      top:100px;
      left: 20px;
    }
    & .right-panel{
      position: absolute;
      top:100px;
      right: 20px;
    }
  }
</style>
